#welcome {
  // height: 100%;

  .tabs {
    // height: 100%;
    margin-top: 50px;
    display: flex;

    // align-items: center;
    // flex-wrap: wrap;
    .el-row {
      width: 100%;
    }

    div[class^="tab_item"] {
      cursor: pointer;
      position: relative;
      width: 100%;
      height: 150px;
      background-color: rgb(23, 162, 184);
      border-radius: 5px;
      margin-bottom: 38px;
      display: flex;
      justify-content: space-between;
      padding: 0 30px;
      align-items: center;
      .left {
        height: 100%;
        color: #fff;

        .title {
          font-size: 38px;
          line-height: 80px;
        }
        .p {
          font-size: 16px;
        }
      }
      .right {
        height: 100%;
        display: flex;
        align-items: center;
        margin-top: -30px;
        .iconfont,
        .el-icon-user {
          color: rgba(0, 0, 0, 0.2);
          font-size: 50px;
        }
      }
      .go {
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 30px;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.1);
      }
    }
    div {
      .tab_item2 {
        background-color: rgb(40, 167, 69);
      }
      .tab_item3 {
        background-color: rgb(0, 123, 255);
      }
      .tab_item4 {
        background-color: rgb(255, 193, 7);
      }
      .tab_item5 {
        background-color: rgb(220, 53, 69);
      }
      .tab_item6 {
        background-color: rgb(67, 39, 83);
      }
    }
  }
}
